<!DOCTYPE html>
<html lang="zh-CN" class="fixed">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>
        收货地址管理
  </title>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/semantic.min.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/main.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/common.css"/>
  <script src="__PUBLIC__/Js/zepto.min.js" type="text/javascript"></script>
  <script src="__PUBLIC__/Js/main.js" type="text/javascript"></script>

<style type="text/css">
  .ui.segments{margin: 0.5em 0;}
  .ui.segment, .ui.segments .segment {
       font-size: 12px; 
  }
  .ui.segments:not(.horizontal)>.segment:first-child {

       border-radius: none; 
  }
  .ui.segments {

       border: none; 
       border-radius: 0em; 
  }
  .ui.segments:not(.horizontal)>.segment:first-child,.ui.segments:not(.horizontal)>.segment:last-child{border-radius: 0;}



</style>
</head>
<body>
<header id="header" style=""> 
   <div class="topbar"> 
    <a href="javascript:history.back();" class="back_btn"><i class="angle left icon"></i></a> 
    <a href="javascript:;" class="top_home"><i class="block layout icon"></i></a> 
    <h1 class="page_title">地址管理</h1> 
   </div> 
   <div class="home_menu" id="hMenu" > 
    <a href="#"><i class="home icon"></i><span>首页</span></a> 
    <a href="#"><i class="star icon"></i><span>兑换商城</span></a> 
    <a href="#"><i class="user icon"></i><span>个人中心</span></a> 
    <a href="#"><i class="shop icon"></i><span>购物车</span></a> 
   </div> 
  </header>
    <script>
      SiteName = "";
      var isApp = Cookie.Get("isApp");
      if (isApp == null || isApp == "") { isApp = 0; }
      if (isApp == 1) { $("#header").hide(); }
      $(".top_home").click(function () {
          var target = $(".home_menu");
          if (target.slideToggle) target.slideToggle();
          else  target.toggle(); });
  </script> 
    <script type="text/javascript">
      var _mvq = window._mvq || [];
      window._mvq = _mvq;
      _mvq.push(['$setAccount', 'm-23995-6']);

      _mvq.push(['$logConversion']);
      (function () {
          var mvl = document.createElement('script');
          mvl.type = 'text/javascript'; mvl.async = true;
          mvl.src = ('https:' == document.location.protocol ? 'https://static-ssl.mediav.com/mvl.js' : 'http://static.mediav.com/mvl.js');
          var s = document.getElementsByTagName('script')[0];
          s.parentNode.insertBefore(mvl, s);
      })();

  </script>

    <div class="article">
        <div class="form example" data-use-content="true">
                <div class="ui segments flag goods-info">
                    <div class="ui segment blavk header ">姓名</div>
                    <div class="ui segment">联系电话</div>
                    <div class="ui segment">区域</div>
                    <div class="ui segment">详细地址</div>
                    <div class="ui segment">
                        <div class="ui segment f-checked">
                          <input type="radio" name="example2" tabindex="0" class="hidden">
                          <label>设置为默认地址</label>
                        </div>
                        <button class="ui grey basic btn">编辑</button>                        
                    </div>
                    <button class="ui grey basic btn note__close note note">删除</button>  
                </div>
                <div class="ui segments flag  goods-info ">
                    <div class="ui segment blavk header ">姓名</div>
                    <div class="ui segment">联系电话</div>
                    <div class="ui segment">区域</div>
                    <div class="ui segment">详细地址</div>
                    <div class="ui segment">
                        <div class="ui segment f-checked">
                          <input type="radio" name="example2" tabindex="0" class="hidden">
                          <label>设置为默认地址</label>
                        </div>
                        <button class="ui grey basic btn">编辑</button>                        
                    </div>
                    <button class="ui grey basic btn note__close note note">删除</button>  
                </div>
                <div class="ui segments flag goods-info ">
                    <div class="ui segment blavk header ">姓名</div>
                    <div class="ui segment">联系电话</div>
                    <div class="ui segment">区域</div>
                    <div class="ui segment">详细地址</div>
                    <div class="ui segment">
                        <div class="ui segment f-checked">
                          <input type="radio" name="example2" tabindex="0" class="hidden">
                          <label>设置为默认地址</label>
                        </div>
                        <button class="ui grey basic btn">编辑</button>                        
                    </div>
                    <button class="ui grey basic btn note__close note">删除</button>  
                </div>
                <div class="bbox">
                    <a href="#">
                        <button class="ui fluid red submit btn">新增地址</button>
                    </a>
                </div>       
        </div>
  </div>
<!-- 删除 -->
  <script type="text/javascript">
  $(".note__close").click(function(){
    $(this).parent().fadeOut(500, function(){
      $(this).remove();
    });
  });
  </script>
</body>
</html>
